import React from 'react';
import { BrowserRouter, Routes, Route } from 'react-router-dom';
import Layout from './components/Layout';
import Home from './pages/Home';
import BoxManagement from './pages/BoxManagement';
import SnackManagement from './pages/SnackManagement';
import Orders from './pages/Orders';

function App() {
  return (
    <BrowserRouter>
      <Layout>
        <Routes>
          <Route path="/" element={<Home />} />
          <Route path="/boxes" element={<BoxManagement />} />
          <Route path="/manage" element={<SnackManagement />} />
          <Route path="/orders" element={<Orders />} />
        </Routes>
      </Layout>
    </BrowserRouter>
  );
}

export default App;